﻿$(document).ready(function() {
    $('#tblList').on('click', '.btnView', function() {
        $('#' + hMode).val("VIEW");

        var tblEdit = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        var errVar1 = tblEdit.children("tr").eq(0).children("td").eq(0).find("span");
        if (errVar1.css("visibility") == "visible") {
            errVar1.css("visibility", "hidden");
        }
        var errVar2 = tblEdit.children("tr").eq(1).children("td").eq(0).find("span");
        if (errVar2.css("visibility") == "visible") {
            errVar2.css("visibility", "hidden");
        }
        tblEdit.children("tr").eq(5).children("td").eq(0).find("div").html("");

        var tRow = $(this).closest('tr');
        var tCell = tRow.children('td');
        var tCode = tCell.eq(0).text();
        var tName = tCell.eq(1).text();

        tblEdit.children('tr').eq(0).children('td').eq(2).find('span').text(tCode);
        tblEdit.children('tr').eq(0).children('td').eq(2).find('input:text').val(tCode);
        tblEdit.children('tr').eq(1).children('td').eq(2).find('span').text(tName);
        tblEdit.children('tr').eq(1).children('td').eq(2).find('input:text').val(tName);

        divList.hide();
        $('#tblInfo').fadeIn(300);
    });

    $('#btnAdd').click(function() {
        $('#' + hMode).val("INSERT");

        var tblInfo = $('#tblInfo');
        var tblBody = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        var errVar1 = tblBody.children("tr").eq(0).children("td").eq(0).find("span");
        if (errVar1.css("visibility") == "visible") {
            errVar1.css("visibility", "hidden");
        }
        var errVar2 = tblBody.children("tr").eq(1).children("td").eq(0).find("span");
        if (errVar2.css("visibility") == "visible") {
            errVar2.css("visibility", "hidden");
        }
        tblBody.children("tr").eq(5).children("td").eq(0).find("div").html("");

        $('.spnInfo').text('');
        $('.txtInfo').val('');

        $('#listHolder, .spnInfo, #btnEdit, #btnDelete').hide();
        $('#tblInfo, .txtInfo, #' + btnSave).show();
    });

    $('#btnEdit').click(function() {
        $('#' + hMode).val("UPDATE");
        $('#btnEdit, .spnInfo, #btnDelete').hide();
        $('.txtInfo, #' + btnSave).fadeIn(300, function() {
            var tblSrc = $("#");
            var tblRows = tblSrc.children('tr');
            var ctrl = tblRows.eq().children('td').find('.txtInfo');
            ctrl.prop("readonly", true);
        });
    });

    $('#btnDelete').click(function() {
        var tblSrc = $("#tblInfo > tbody");
        var idval = tblSrc.children('tr').eq(0).children('td').eq(2).find('.spnInfo').text();
        var nameval = tblSrc.children('tr').eq(1).children('td').eq(2).find('.spnInfo').text();
        if (confirm("Delete Channel: " + nameval + "?") == true) {
            var sendData = {
                "ChannelCode": idval
            };
            $.ajax({
                type: "POST",
                url: 'Channels.aspx/DeleteChannel',
                data: JSON.stringify(sendData),
                contentType: "application/json;charset=utf-8",
                datatype: "json",
                success: function(data) {
                    var result = data.d;
                    alert(result[1]);
                    window.location.href = "Channels.aspx";
                },
                error: function(jqXHR, statusText, errorText) {
                    alert(errorText);
                }
            });
            return false;
        }
    });

    $('#btnCancel').click(function() {
        $('#' + hMode).val("VIEW");

        var tblInfo = $('#tblInfo');
        var tblBody = $('#tblInfo > tbody');
        var divList = $('#listHolder');

        var sCode = tblBody.children('tr').eq(0).children('td').eq(2).find('span');
        var sName = tblBody.children('tr').eq(1).children('td').eq(2).find('span');
        var vCode = sCode.text();
        var vName = sName.text();
        tblBody.children('tr').eq(0).children('td').eq(2).find('input:text').val(vCode).hide();
        tblBody.children('tr').eq(1).children('td').eq(2).find('input:text').val(vName).hide();
        sCode.show();
        sName.show();

        $('#tblInfo, #' + btnSave).hide();
        $('#listHolder, #btnEdit, #btnDelete').fadeIn();
    });
});